<template>
	<div>
		<PersonaHeader />
		<van-form @submit="onSubmit" class="percontent">
			<van-field v-model="username" label="头像" class="user" />
			<van-field v-model="username" label="ID" class="user" />
			<van-field v-model="username" label="昵称" class="user" />
			<van-field v-model="username" label="性别" class="user" />
			<van-field v-model="username" label="注销账号" placeholder="注销后账户无法恢复,请谨慎" class="user" />
			<div style="margin: 16px">
				<van-button class="btn" round block type="info" native-type="submit">退出登录</van-button>
			</div>
		</van-form>
	</div>
</template>

<script>
import PersonaHeader from '../PersonalInfo/components/PersonaHeader.vue';
export default {
	name: 'PersonaIndex',
	components: { PersonaHeader },
	data() {
		return {
			username: '',
		};
	},
};
</script>

<style scoped>
.user {
	height: 50px;
	border-bottom: 1px solid rgb(214, 209, 209);
}
.percontent {
	margin-top: 30px;
	/* background-color: #fff; */
}
.btn {
	background-color: #fff;
	border: none;
	color: #000;
}
</style>
